.layout-h {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout-h>* {
    width: 0;
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.layout-v {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout-v>* {
    display: block;
}

.flex1 {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 0;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* //---------------------------------------------- */

.subscribe-page {
    background: #fff;
}

.form-1 {
    margin-bottom: 16%;
    line-height: 1.4;
    font-size: 14px;
    margin: 0 20px;
    color: #333;
    border-radius: 3px 3px 0 0;
}

.form-1 .row.header {
    line-height: 1.8;
    color: #fff;
    background-color: #62a8ea !important;
    padding: 14px 25px;
}

.form-1 .row.header p {
    margin: 0;
}

.form-1 .row {
    line-height: 53px;
    margin: 0;
}

.form-1 .m020 {
    margin: 0 20px;
}

.form-1 .row.dashed {
    border-bottom: 1px dashed #e4eaec;
}

.form-1 .footer {
    background-color: #f3f7f9 !important;
    padding: 20px;
    text-align: center;
}

.form-1 .footer .btn {
    color: #fff;
    border: none;
    background-color: #62a8ea;
    border-color: #62a8ea;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 3px;
    -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    padding: 6px 18px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
    color: #fff;
    padding-right: 40px;
    padding-left: 40px;
}

.form-1 .input input {
    background: none;
    border: none;
    width: 100%;
    height: 30px;
    text-align: right !important;
    border: 1px solid #fff;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    color: #fff;
    background-color: #a2caee;
    border-color: #a2caee;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

input[type='text'] {
    -webkit-appearance: none;
}

input[disabled] {
    cursor: default;
    color: #333 !important;
    opacity: 1
}

.form-body {
    border: 1px solid #e4eaec;
    border-top: none;
}

.row.remarks {
    line-height: 1.5;
    color: #76838f;
    padding: 20px 0;
}